<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vivo官方网站-x70系列 |专业影音旗舰店 vivo.com.cn</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="headAndFooter/font/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="icon" type="imges/x-icon" href="imgs/favicon.ico" />
</head>

<body>
    <header>

    </header>
    <section>
        <div class="box">
            <div class="box_content">
                <p class="p1"><b>S12系列</b></p>
                <p class="p2">先锋影音旗舰店</p>
                <p class="p2">全面出色，自然出众</p>
                <div>
                    了解更多 <i>></i> &nbsp; &nbsp; &nbsp; 立即预定 <i>></i>
                </div>
            </div>

        </div>
        <div class="box1">
            <p class="p1"><b>vivo WATCH 2</b></p>
            <p class="p2">独立通讯 强劲续航</p>
            <div>
                了解更多&nbsp; &nbsp; &nbsp; 立即预定
            </div>
        </div>
        <div class="box2">
            <p class="p1"><b>X70 系列</b></p>
            <p class="p2">蔡司影像，品阅时光</p>
            <div>
                了解更多&nbsp; &nbsp; &nbsp; 立即预定
            </div>
        </div>
        <div class="box3">
            <div class="box3_top">
                <p>发现更多</p>
            </div>
            <div class="box3_end">
                <div class="box3_end_left">
                    <div class="box3_end_left_top">

                    </div>
                    <div class="box3_end_left_end">

                    </div>
                </div>
                <div class="box3_end_conter">

                </div>
                <div class="box3_end_right">
                    <div class="box3_end_right_top">

                    </div>
                    <div class="box3_end_right_end">

                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>

    </footer>
</body>

</html>
<script src="jQuery.js"></script>
<script>
    $("header").load("headAndFooter/head.html");
    $("footer").load("headAndFooter/footer.html")
</script>